<template>
	<view class="app" style="background-image: url(http://webfwjs.xlygrcw.com/web/img/108.png);">
		<view class="app-con">
			<text>我要注册</text>
			<view class="item-1">
				<text class="on-text">企业名称</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name1" type="text" placeholder="请输入内容" />
				</view>
			</view>
			<view class="item-title">
				企业简介
			</view>
			<view class="item-2">
				<u-input v-model="formData.name2" type="text" placeholder="请输入内容" />
			</view>
			<view class="item-title">
				经营范围
			</view>
			<view class="item-2">
				<u-input v-model="formData.name3" type="text" placeholder="请输入内容" />
			</view>
			<view class="item-3">
				<text class="on-text">所属行业</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name4" type="text" placeholder="请选择行业" />
				</view>
				<view class=""><text class="iconfont icon-jiantou"></text></view>
				<view class="mark" @tap="cyShow = true"></view>
			</view>
			<view class="item-1">
				<text class="">总投资</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name5" type="text" placeholder="请输入内容" />
				</view>
				<text>万元</text>
			</view>
			<view class="item-1">
				<text class="">注册资本</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name6" type="text" placeholder="请输入内容" />
				</view>
				<text>万元</text>
			</view>

			<view class="item-3">
				<text class="on-text">行业类别</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name7" type="text" placeholder="请输入内容" />
				</view>
				<view class=""><text class="iconfont icon-jiantou"></text></view>
				<view class="mark" @tap="hyShow = true"></view>
			</view>
			<view class="item-1">
				<text class="on-text">年销售额</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name8" type="text" placeholder="请输入内容" />
				</view>
				<text>万元</text>
			</view>
			<view class="item-1">
				<text class="on-text">联系人</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name9" type="text" placeholder="请输入内容" />
				</view>
			</view>
			<view class="item-1">
				<text class="on-text">联系电话</text>
				<view class="">
					<u-input inputAlign="right" v-model="formData.name10" type="number" placeholder="请输入内容" />
				</view>
			</view>
			<view class="item-title">
				企业地址
			</view>
			<view class="item-5">
				<view class="">
					<u-input height="100%" :clearable="false" v-model="formData.name11" type="textarea"
						placeholder="请输入内容" />
				</view>
			</view>
		</view>
		<view class="item-btn">
			<view class="btn">
				<text @tap="onSumbit">我要注册</text>
			</view>
		</view>
		<u-select v-model="cyShow" mode="mutil-column-auto" :list="sshyList" @confirm="cyConfirm">
		</u-select>
		<u-select v-model="hyShow" :list="list" @confirm="hyConfirm">
		</u-select>
		<u-popup v-model="boxShow" mode="center" :border-radius="10" :mask-close-able="false">
			<view class="box">
				<view class="box-1">
					消息提示
				</view>
				<view class="box-2">
					注册成功
				</view>
				<view class="box-3">
					<text @tap="onBoxBtn">我知道了</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData: {},
				cyShow: false,
				hyShow: false,
				boxShow: false,
				sshyList: [{
						value: 1000,
						label: '新医药产业',
						children: [{
								value: 1001,
								label: '生物医药'
							},
							{
								value: 1002,
								label: '医疗器械'
							},
							{
								value: 1003,
								label: '健康产品'
							},
							{
								value: 1004,
								label: '流通服务'
							},
							{
								value: 1005,
								label: '医疗服务机构'
							},
							{
								value: 1006,
								label: '公共服务机构'
							},
							{
								value: 1007,
								label: '其他服务'
							}
						]
					},
					{
						value: 2000,
						label: '新材料产业',
						children: [{
								value: 2001,
								label: '高性能纤维'
							},
							{
								value: 2002,
								label: '电子信息材料'
							},
							{
								value: 2003,
								label: '功能膜材料'
							},
							{
								value: 2004,
								label: '生物医用材料'
							},
							{
								value: 2005,
								label: '复合材料及其配套'
							},
							{
								value: 2006,
								label: '粉末冶金精密零件'
							},
						]
					},
					{
						value: 3000,
						label: '新能源和高端装备制造产业',
						children: [{
								value: 3001,
								label: '新能源产业'
							},
							{
								value:3002,
								label: '高端装备制造产业'
							}
						]
					},
					{
						value: 4000,
						label: '新业态产业',
						children: [{
							value: 4001,
							label: '跨境电商'
						}]
					}
				],
				list: [{
						value: '1',
						label: '制造业'
					},
					{
						value: '2',
						label: '服务业'
					}
				]
			};
		},
		components: {},
		onLoad() {

		},
		methods: {
			cyConfirm(e) {
				console.log(e)
				this.formData.name4 = e[0].label+e[1].label
			},
			hyConfirm(e) {
				this.formData.name7 = e[0].label
			},
			onBoxBtn() {
				uni.navigateBack({
					delta: 1
				})
			},
			onSumbit() {
				this.boxShow = true
			}
		}
	};
</script>

<style lang="scss">
	@import './index.scss'
</style>
